<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="./src/css/pagation.css">
    <link rel="stylesheet" type="text/css" href="./src/css/subscribe.css">
    <link rel="stylesheet" type="text/css" href="./src/css/layui.css">

    <link rel="stylesheet" type="text/css" href="./common/reset.css" media="screen">
    <link rel="stylesheet" type="text/css" href="./common/highlight.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="./common/common.css" media="screen">
    <link rel="stylesheet" type="text/css" href="./common/pagination.css" media="screen">
    <style>
        #pageHelp {
            margin: 20px 0 0 0;
        }

        .pagehelpAvtive,
        .pagehelpAvtive1,
        .pagehelpAvtive2,
        .pagehelpAvtive3,
        .pagehelpAvtive4,
        .pagehelpAvtive5 {
            background-color: #249aff !important;
            color: #fff !important;
            border-radius: 3px;
        }
    </style>
</head>

<body>
    <div class="box">
        <!-- 顶部导航栏 -->
        <nav>
            <div class="container flex align-center between">
                <div class="flex align-center">
                    <img class="app-icon" src="./resource/images/app-icon.png" alt="">
                    <ul class="page-nav flex">
                        <li>
                            <a href="./index.html">首页</a>
                        </li>
                        <li style="background: #168cf1;">
                            <a href="./subscribe.html">预约服务</a>
                        </li>
                        <li>
                            <a href="./banshi.html">办事服务</a>
                        </li>
                        <li>
                            <a href="./educaiton.html">教育服务</a>
                        </li>
                        <li>
                            <a href="./cxserve.html">查询服务</a>
                        </li>
                        <li>
                            <a href="./search.html">搜索</a>
                        </li>
                    </ul>
                </div>

                <div class="nav-right flex align-center">
                    <a href="http://www.bendibao.com/app/pc.html">
                        <img class="phone" src="./resource/images/phone.svg" alt="">
                    </a>
                    <div class="nav-gzh">公众号</div>
                    <div class="nav-qr-code display">
                        <span>
                        </span>
                        <img src="http://imgbdb3.bendibao.com/weixinbdb/20169/5/201695202114686.jpg" alt="">
                    </div>
                    <div class="line"></div>
                    <div>
                        <a style="color: #fff;" href="http://sz.bendibao.com/">本地宝首页</a>
                    </div>
                </div>
            </div>

        </nav>
        <!-- /顶部导航栏 -->

        <!-- 搜索跳转框 -->
        <div class="search-box flex just-center">
            <div class="search flex between align-center">
                <div class="local-city"><img src="./resource/images/subscribe/local.png" alt=""> 深圳 </div>
                <a href="./search.html">
                    <input type="text">
                </a>
            </div>
            <a href="./search.html">
                <div class="search-btn"><img src="./resource/images/search.png" alt=""></div>
            </a>
        </div>
        <!-- /搜索跳转框 -->


        <!-- 城市选择 -->
        <div class="sel-city display">
            <div class="shadow"></div>
            <div class="dialog">
                <div class="dia-top flex">
                    <div class="top-title">请先选择站点</div>
                    <div class="close cursor">×</div>
                </div>
                <div class="choose province flex ">
                    <div>省级:</div>
                    <ul class=" flex">
                        <li class="choose-city">
                            深圳市
                        </li>
                    </ul>
                </div>
                <div class="choose city flex ">
                    <div>市级:</div>
                    <ul class="flex">
                        <li>黄浦区</li>
                        <li>黄浦区</li>
                        <li>黄浦区</li>
                        <li>黄浦区</li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- /城市选择 -->



        <!-- bannner三项切换栏 -->
        <div class="banner">
            <img src="./resource/images/subscribe/banner.png" alt="">
            <ul class="banshi flex">
                <li class="selected cursor">个人办事</li>
                <li class="">法人办事</li>
                <li class="cursor">便民服务</li>
            </ul>
        </div>
        <!-- /banner三项切换栏 -->

        <!-- 个人办事 -->
        <div class="bs-content geren-banshi">
            <!-- 热点、主题切换按钮 -->
            <div class="change-btn flex just-center">
                <div>
                    <div class="change-name cursor change-select">热点服务</div>
                    <div class="bottom-line"></div>
                    <span></span>
                </div>
                <div>
                    <div class="change-name cursor">主题分类</div>
                    <div class="bottom-line display"></div>
                    <span class="display"></span>
                </div>
            </div>
            <!-- /热点、主题切换按钮 -->

            <!-- 热点服务部分 -->
            <div class="hot-serve container">
                <ul class="hot-item flex just-center">
                    <li>
                        <a href="#"><img src="./resource/images/subscribe/yonghu.png" alt=""> 养老金查询</a>
                    </li>
                    <li>
                        <a href="#"><img src="./resource/images/subscribe/yonghu.png" alt=""> 养老金查询</a>
                    </li>
                    <li>
                        <a href="#"><img src="./resource/images/subscribe/yonghu.png" alt=""> 养老金查询</a>
                    </li>
                    <li>
                        <a href="#"><img src="./resource/images/subscribe/yonghu.png" alt=""> 养老金查询</a>
                    </li>
                </ul>

                <!-- 15条预约服务办事指南文章 -->
                <ul class="hot-list">
                    <li>
                        <a href="#"><span></span> 养老居民社保缴费证明打印（无）</a>
                    </li>
                    <li>
                        <a href="#"><span></span> 养老居民社保缴费证明打印（无）</a>
                    </li>
                    <li>
                        <a href="#"><span></span> 养老居民社保缴费证明打印（无）</a>
                    </li>
                    <li>
                        <a href="#"><span></span> 养老居民社保缴费证明打印（无）</a>
                    </li>
                </ul>
                <!-- /15条预约服务办事指南文章 -->

            </div>
            <!-- /热点服务部分 -->

            <!--主题分类部分 -->
            <div class="topic container display">
                <!-- tab切换栏 -->
                <ul class="navbar flex">
                    <li class="nav-select">全部</li>
                    <li>办事预约</li>
                    <li>疫苗预约</li>
                    <li>景点预约</li>
                    <li>场馆预约</li>
                    <li>医院预约</li>
                </ul>
                <!-- /tab切换栏 -->



                <!-- 主题内容 -->
                <div>
                    <div class="topic-box">
                        <!-- 搜索框 -->
                        <div class="topic-search flex between align-center">
                            <div class="flex align-center">
                                共计<span style="color: #249aff;">2292</span>项目
                                <input type="text" placeholder="请输入关键字" name="" id="">
                                <button type="" class="topic-btn cursor">搜索</button>
                            </div>
                        </div>

                        <div class="topic-content">
                            <!-- /搜索框 -->
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 分页器 -->
                        <div id="pageHelp"></div>
                        <!-- /分页器 -->
                    </div>
                    <div class="topic-box display">
                        <!-- 搜索框 -->
                        <div class="topic-search flex between align-center">
                            <div class="flex align-center">
                                共计<span style="color: #249aff;">2292</span>项目
                                <input type="text" placeholder="请输入关键字" name="" id="">
                                <button type="" class="topic-btn cursor">搜索</button>
                            </div>
                            <div class="screen flex align-center cursor"> <span class="s-type">筛选</span>  <span class="s-down"></span>
                                <ul class="screen-box display">
                                    <li>全部</li>
                                    <li>成人疫苗</li>
                                    <li>儿童疫苗</li>
                                </ul>
                            </div>
                        </div>
                        <!-- /搜索框 -->

                        <div class="topic-content">
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 1对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 分页器 -->
                        <div class="m-style M-box11" id="pagesss"></div>
                        <!-- <div id="pageHelp1"></div> -->
                        <!-- /分页器 -->
                    </div>
                    <div class="topic-box display">
                        <!-- 搜索框 -->
                        <div class="topic-search flex between align-center">
                            <div class="flex align-center">
                                共计<span style="color: #249aff;">2292</span>项目
                                <input type="text" placeholder="请输入关键字" name="" id="">
                                <button type="" class="topic-btn cursor">搜索</button>
                            </div>
                            <div class="screen flex align-center cursor"> <span class="s-type">筛选</span>  <span class="s-down"></span>
                                <ul class="screen-box display">
                                    <li>全部</li>
                                    <li>办事办事</li>
                                    <li>123</li>
                                </ul>
                            </div>
                        </div>
                        <!-- /搜索框 -->

                        <div class="topic-content">
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <!-- <a href="#">相关视频</a> -->
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 分页器 -->
                        <div id="pageHelp2"></div>
                        <!-- /分页器 -->
                    </div>
                    <div class="topic-box display">
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 3对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <!-- 分页器 -->
                        <div id="pageHelp3"></div>
                        <!-- /分页器 -->
                    </div>
                    <div class="topic-box display">
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 4对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 4对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 4对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 4对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 4对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <!-- 分页器 -->
                        <div id="pageHelp4"></div>
                        <!-- /分页器 -->
                    </div>
                    <div class="topic-box display">
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 5对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 5对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 5对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <div class="topic-list">
                            <p class="cursor " data-num="0">
                                <span class="down"></span> 5对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                            </p>
                            <div class="list-item flex display">
                                <a href="#">
                                    <span class="dot"></span> 对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                </a>
                                <div class="list-btn flex">
                                    <!-- <a href="#">相关视频</a> -->
                                    <a href="#">立即办理</a>
                                </div>
                            </div>
                        </div>
                        <!-- 分页器 -->
                        <div id="pageHelp5"></div>
                        <!-- /分页器 -->
                    </div>
                </div>
                <!-- /主题内容 -->


            </div>
            <!-- /主题分类部分 -->

        </div>
        <!-- /个人办事 -->

        <!-- <div>法人办事 暂时不开放</div> -->

        <!-- 便民服务 -->
        <div class="bs-content bianmin display">
            <div class="bm-title">
                <div class="change-name change-select">个人服务</div>
                <div class="bottom-line"></div>
                <span></span>
            </div>
            <!-- 跳转连接 -->
            <div class="serve-list flex just-center ">
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/zjzps.png" alt="">
                    <div>证件照拍摄</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/yinhangwangdian.png" alt="">
                    <div>银行网点查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/fangwu.png" alt="">
                    <div>房屋编码查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/tianqi.png" alt="">
                    <div>天气查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/tingshui.png" alt="">
                    <div>停水</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/taifeng.png" alt="">
                    <div>台风查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/taifengshishi.png" alt="">
                    <div>台风实时路径</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/wangdian.png" alt="">
                    <div>网点查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/xueli.png" alt="">
                    <div>学历证书查询</div>
                </a>
                <a href="#" class="serve-item">
                    <img src="./resource/images/subscribe/jiankangz.png" alt="">
                    <div>健康证查询</div>
                </a>
            </div>
            <!-- /跳转连接 -->

        </div>
        <!-- /便民服务 -->

        <!-- 底部 -->
        <footer>
            <div class=" footer-box container flex">
                <div class="mail">
                    <h3>合作邮箱
                    </h3>
                    <h3 style="font-size: 20px;">
                        jiameng@bendibao.com
                    </h3>
                    <p>坚持真实的力量最大，优先承接本地生活服务类广告，坚决杜绝虚假夸张，欺蒙用户的广告宣传。</p>
                </div>
                <div>
                    <h3>网站介绍
                    </h3>
                    <p>
                        本地宝城市生活服务是集预约服务、办事服务、教育服务、查询服务等多种服务为一体的在线服务平台。微信搜索并关注“深圳本地宝”公众号，回复“入户”、“社保”
                        “公租房”“居住证”等关键词，您可以查看深圳相关办事的办理指南、办理条件、办理流程、办理地址等信息；回复“活动”、“旅游”、“进出深”等关键词，就能查询深圳本地最新活动、本地最新展会、节假日游玩、旅游地点游玩等信息。
                    </p>
                </div>
                <div>
                    <h3>诚聘英才
                    </h3>
                    <h3 style="font-size: 20px;">网站编辑/销售经理/PHP开发工程师
                    </h3>
                    <p>本地宝拥有强大的互联网运营团队、技术研发中心、市场营销团队，拥有自主知识产权，有意者请投递简历：guoxx@bendibao.com</p>
                </div>

            </div>
            <div class="footer-box container flex">
                <div>
                    <h3>联系我们
                    </h3>
                    <h3 style="font-size: 20px;">0755-82180123
                    </h3>
                    <p>您可以咨询、建议、投诉</p>
                </div>

                <div>
                    <h3 class="link flex just-center">
                        <div class="qr-code display">
                            <img src="http://imgbdb3.bendibao.com/weixinbdb/20169/5/201695202114686.jpg" alt="">
                            <span>
                            </span>
                        </div>
                        <img class="wx-bdb" src="./resource/images/wxgzh.png" alt="">
                        <span>本地宝微公众号</span>
                        <div class="shipin display">
                            <img src="./resource/images/douyin.svg" alt="">
                            <span>
                            </span>
                        </div>
                        <img class="dy-bdb" src="./resource/images/douyin.svg" alt="">
                        <span>本地宝抖音号</span>
                    </h3>
                    <h3 class="link flex just-center">
                        <div class="qr-code display">
                            <img src="./resource/images/bdb-app.png" alt="">
                            <span>
                            </span>
                        </div>
                        <img class="bdb-app" src="./resource/images/bdb.png" alt="">
                        <span>本地宝APP</span>
                        <div class="shipin display">
                            <img src="./resource/images/shexiang.svg" alt="">
                            <span>
                            </span>
                        </div>
                        <img class="sp-bdb" src="./resource/images/shexiang.svg" alt="">
                        <span>本地宝深圳视频号</span>
                    </h3>

                </div>

                <div>
                    <h3>企业文化</h3>
                    <h3>让人性之光照亮生活</h3>
                    <p>本地宝价值观：敬天爱人</p>
                </div>
            </div>
        </footer>
        <!-- /底部 -->
    </div>

    <script src="./src/js/layui.js"></script>
    <script src="./src/js/jq.min.js"></script>
    <script src="./src/js/pagetion.js"></script>
    <script src="./src/js/subscribe.js"></script>
    <script src="./common/highlight.min.js"></script>
    <script src="./common/jquery.pagination.js"></script>
    <script>
$(function () { 
    $('#pagesss').pagination({
                mode: 'fixed',
                showData: 7,
                jump: true,
                count: 5,
                prevContent: '上页',
                nextContent: '下页',
                totalData: 22,
                callback: function (api) {
                    console.log(api.getCurrent())
                    let html = `<div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 2对公证员依处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>`;
                $(".topic-content").eq(1).html(html);
                }
            }, function () { 
                console.log('初始化')
             });
 })

        pageHelp({
            ele: '#pageHelp',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                // count为当前页数
                let html = `<div class="topic-list">
                                <p class="cursor " data-num="0">
                                    <span class="down"></span> 2对公证员依处罚其他行为的处罚
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公证员依照法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>`;
                $(".topic-content").eq(0).html(html);

            }
        })
        pageHelp1({
            ele: '#pageHelp1',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) { // count为当前页数
                console.log(555)
                let html = `<div class="topic-list">
                                <p class="cursor" data-num="0">
                                    <span class="down"></span> 我i按四大
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公啊实打实打算法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>`;
                $(".topic-content").eq(1).html(html);
            }
        })
        pageHelp2({
            ele: '#pageHelp2',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                let html = `<div class="topic-list">
                                <p class="cursor" data-num="0">
                                    <span class="down"></span> 我i按四大
                                </p>
                                <div class="list-item flex display">
                                    <a href="#">
                                        <span class="dot"></span> 2对公啊实打实打算法律、行政法规的规定，应当给予处罚其他行为的处罚
                                    </a>
                                    <div class="list-btn flex">
                                        <a href="#">立即办理</a>
                                    </div>
                                </div>
                            </div>`;
                $(".topic-content").eq(2).html(html);
            }
        })
        pageHelp3({
            ele: '#pageHelp3',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) { }
        })
        pageHelp4({
            ele: '#pageHelp4',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) { }
        })
        pageHelp5({
            ele: '#pageHelp5',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) { }
        })



        // // 翻页功能
        // pageHelp({
        //     ele: '#pageHelp',
        //     count: $('#pageHelp').attr('data-count'),
        //     limit: 3,
        //     limits: true,
        //     allPage: true,
        //     first: true,
        //     last: true,
        //     next: true,
        //     prev: true,
        //     jump: true,
        //     counts: true,
        //     fn: function (count) {
        //         obtainData(count, '#pageHelp', 0)
        //     }
        // })
        // pageHelp1({
        //     ele: '#pageHelp1',
        //     count: $('#pageHelp1').attr('data-count'),
        //     limit: 3,
        //     limits: true,
        //     allPage: true,
        //     first: true,
        //     last: true,
        //     next: true,
        //     prev: true,
        //     jump: true,
        //     counts: true,
        //     fn: function (count) {
        //         // count为当前页数
        //         let threeId = localStorage.getItem('threeId1')
        //         obtainData(count, '#pageHelp1', 1, threeId)
        //     }
        // })
    </script>
</body>

</html>



